// 加载组件
import {CSSProperties} from "react";
import Loding from "./Loding";

const SuspenseLoading = () => {
    const styles: CSSProperties = {
        width: "100vw",
        height: "100vh",
        background: "rgba(230, 244, 255,.4)",
        position: "fixed",
        left: "0",
        top: "0",
        border: "1px solid #91caff",
        boxSizing: "border-box",
    }
    return (
        <div className="suspense_loading" style={styles}>
            <div style={{position: "absolute", "left": '50%', top: "30%", "transform": "translate(-50%,-50%)"}}>
                <Loding size={"large"} styleType="frame" title="编译中"/>
            </div>
        </div>
    )
}

export default SuspenseLoading
